<!DOCTYPE >
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title></title>
<meta name="author" content="TACO" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="stylesheet" href="css/mobile.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/page_event.js"></script>
<script type="text/javascript" src="js/spin.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link  href="http://fonts.googleapis.com/css?family=Anton:regular" rel="stylesheet" type="text/css" >
<style>
h2{
  font-family: 'Anton', serif;
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.09em;
  word-spacing: -0.041em;
  text-shadow: 0px -1px 1px #2f2f2f;
  filter: dropshadow(color=#2f2f2f, offx=0, offy=-1);
}

.num_box,dl{
  font-family: 'PT Sans Narrow', sans-serif;
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.011em;
  word-spacing: 0em;
  font-weight:normal;
}

.mini:nth-child(odd){background-color:#eaeaea}
</style>
<script>
	function setImgUrl(no)
	{
		$("#img_url").val(no);
	}
	
	function Save()
	{
		window.location.href = "http://save#" + $("#img_url").val();
	}
	
	function Share()
	{
		window.location.href = "http://share#" + $("#img_url").val();
	}
</script>
</head>
<body>
<div id="wrap">
	<div id="nav">
		<header id="top">
			<h1>
				카톡유머
				<input type="button" name="btnSave" value="Save" onclick="javascrit:Save();">
				<input type="button" name="btnShare" value="Share" onclick="javascrit:Share();">
			</h1>
		</header>
		<section class="week">
			<h2 id="title">Best</h2>
		</section>
	</div>
	<section>
		<ul id="list">
			<li><img src="image/best/1.jpeg" width="320" onclick="javascript:setImgUrl(1);"></li>
			<li><img src="image/best/2.jpeg" width="320" onclick="javascript:setImgUrl(2);"></li>
			<li><img src="image/best/3.jpeg" width="320" onclick="javascript:setImgUrl(3);"></li>
			<li><img src="image/best/4.jpeg" width="320" onclick="javascript:setImgUrl(4);"></li>
			<li><img src="image/best/5.jpeg" width="320" onclick="javascript:setImgUrl(5);"></li>
			<li><img src="image/best/6.jpeg" width="320" onclick="javascript:setImgUrl(6);"></li>
			<li><img src="image/best/7.jpeg" width="320" onclick="javascript:setImgUrl(7);"></li>
			<li><img src="image/best/8.jpeg" width="320" onclick="javascript:setImgUrl(8);"></li>
			<li><img src="image/best/9.jpeg" width="320" onclick="javascript:setImgUrl(9);"></li>
			<li><img src="image/best/10.jpeg" width="320" onclick="javascript:setImgUrl(10);"></li>
			<li><img src="image/best/11.jpeg" width="320" onclick="javascript:setImgUrl(11);"></li>
		</ul>
		<div id="loading">
			<div id="load" style="display:none;"></div>
		</div>
	</section>
	<footer>
	</footer>
</div>
</body>
</html>
<input type="hidden" name="img_url" id="img_url">
